<template>
  <div class="company">
    <van-card
      title="顺丰快递"
      thumb="/static/images/icon.jpg"
    class="header">
      <div slot="bottom" class="bottom">
        <span>公司个性签名</span>
      </div>
    </van-card>
    <van-tabs :active="0" @change="onChange" class="tabs">
      <van-tab title="在招职位" class="tab">
        <van-card @click="toJobDetail(index)">
          <div slot="thumb" class="thumb">
            <van-image fit="cover" width="200rpx" height="200rpx"      src="/static/images/icon.jpg"></van-image>
          </div>
          <div slot="tags" class="tags">
            <span>好评率：90%</span>
            <van-rate value= 4.5 allow-half="true"	 count= 5 readonly="true"></van-rate>
          </div>
          <!--        <div slot="footer" class="footer">-->
          <!--          <div>2019年2月1日</div>-->
          <!--        </div>-->
          <div slot="desc" class="desc">
            <div>快递公司：顺丰快递</div>
          </div>
          <div slot="title" class="title">
            <span class="title-1">商品标题：abcdefghijk</span>
            <span class="price">5-10/时</span>
          </div>
          <div slot="bottom" class="bottom">
            <van-icon name="/static/images/icon/position.png"></van-icon>
            <span>成信大</span>
            <span class="time">2019年2月1日</span>
          </div>

        </van-card>
        <van-card @click="toJobDetail(index)">
          <div slot="thumb" class="thumb">
            <van-image fit="cover" width="200rpx" height="200rpx"      src="/static/images/icon.jpg"></van-image>
          </div>
          <div slot="tags" class="tags">
            <span>好评率：90%</span>
            <van-rate value= 4.5 allow-half="true"	 count= 5 readonly="true"></van-rate>
          </div>
          <!--        <div slot="footer" class="footer">-->
          <!--          <div>2019年2月1日</div>-->
          <!--        </div>-->
          <div slot="desc" class="desc">
            <div>快递公司：顺丰快递</div>
          </div>
          <div slot="title" class="title">
            <span class="title-1">商品标题：abcdefghijk</span>
            <span class="price">5-10/时</span>
          </div>
          <div slot="bottom" class="bottom">
            <van-icon name="/static/images/icon/position.png"></van-icon>
            <span>成信大</span>
            <span class="time">2019年2月1日</span>
          </div>

        </van-card>
        <van-card @click="toJobDetail(index)">
          <div slot="thumb" class="thumb">
            <van-image fit="cover" width="200rpx" height="200rpx"      src="/static/images/icon.jpg"></van-image>
          </div>
          <div slot="tags" class="tags">
            <span>好评率：90%</span>
            <van-rate value= 4.5 allow-half="true"	 count= 5 readonly="true"></van-rate>
          </div>
          <!--        <div slot="footer" class="footer">-->
          <!--          <div>2019年2月1日</div>-->
          <!--        </div>-->
          <div slot="desc" class="desc">
            <div>快递公司：顺丰快递</div>
          </div>
          <div slot="title" class="title">
            <span class="title-1">商品标题：abcdefghijk</span>
            <span class="price">5-10/时</span>
          </div>
          <div slot="bottom" class="bottom">
            <van-icon name="/static/images/icon/position.png"></van-icon>
            <span>成信大</span>
            <span class="time">2019年2月1日</span>
          </div>

        </van-card>
        <van-card @click="toJobDetail(index)">
          <div slot="thumb" class="thumb">
            <van-image fit="cover" width="200rpx" height="200rpx"      src="/static/images/icon.jpg"></van-image>
          </div>
          <div slot="tags" class="tags">
            <span>好评率：90%</span>
            <van-rate value= 4.5 allow-half="true"	 count= 5 readonly="true"></van-rate>
          </div>
          <!--        <div slot="footer" class="footer">-->
          <!--          <div>2019年2月1日</div>-->
          <!--        </div>-->
          <div slot="desc" class="desc">
            <div>快递公司：顺丰快递</div>
          </div>
          <div slot="title" class="title">
            <span class="title-1">商品标题：abcdefghijk</span>
            <span class="price">5-10/时</span>
          </div>
          <div slot="bottom" class="bottom">
            <van-icon name="/static/images/icon/position.png"></van-icon>
            <span>成信大</span>
            <span class="time">2019年2月1日</span>
          </div>

        </van-card>
        <van-card @click="toJobDetail(index)">
          <div slot="thumb" class="thumb">
            <van-image fit="cover" width="200rpx" height="200rpx"      src="/static/images/icon.jpg"></van-image>
          </div>
          <div slot="tags" class="tags">
            <span>好评率：90%</span>
            <van-rate value= 4.5 allow-half="true"	 count= 5 readonly="true"></van-rate>
          </div>
          <!--        <div slot="footer" class="footer">-->
          <!--          <div>2019年2月1日</div>-->
          <!--        </div>-->
          <div slot="desc" class="desc">
            <div>快递公司：顺丰快递</div>
          </div>
          <div slot="title" class="title">
            <span class="title-1">商品标题：abcdefghijk</span>
            <span class="price">5-10/时</span>
          </div>
          <div slot="bottom" class="bottom">
            <van-icon name="/static/images/icon/position.png"></van-icon>
            <span>成信大</span>
            <span class="time">2019年2月1日</span>
          </div>

        </van-card>
        <van-card @click="toJobDetail(index)">
          <div slot="thumb" class="thumb">
            <van-image fit="cover" width="200rpx" height="200rpx"      src="/static/images/icon.jpg"></van-image>
          </div>
          <div slot="tags" class="tags">
            <span>好评率：90%</span>
            <van-rate value= 4.5 allow-half="true"	 count= 5 readonly="true"></van-rate>
          </div>
          <!--        <div slot="footer" class="footer">-->
          <!--          <div>2019年2月1日</div>-->
          <!--        </div>-->
          <div slot="desc" class="desc">
            <div>快递公司：顺丰快递</div>
          </div>
          <div slot="title" class="title">
            <span class="title-1">商品标题：abcdefghijk</span>
            <span class="price">5-10/时</span>
          </div>
          <div slot="bottom" class="bottom">
            <van-icon name="/static/images/icon/position.png"></van-icon>
            <span>成信大</span>
            <span class="time">2019年2月1日</span>
          </div>

        </van-card>
      </van-tab>
      <van-tab title="公司简介" class="img-tabs">
        <van-panel title="公司介绍" desc="公司介绍文本公司介绍文本公司介绍文本公司介绍文本">
        </van-panel>
        <van-panel title="地址" desc="公司地址文本公司地址文本公司地址文本公司地址文本">
        </van-panel>
        <van-panel title="认证时间" desc="2019年1月1日">
        </van-panel>
        <van-panel title="实地图片" class="img" desc=" ">
          <van-image fit="cover" width="200rpx" height="200rpx" src="/static/images/icon.jpg"></van-image>
          <van-image fit="cover" width="200rpx" height="200rpx" src="/static/images/icon.jpg"></van-image>
          <van-image fit="cover" width="200rpx" height="200rpx" src="/static/images/icon.jpg"></van-image>
        </van-panel>
      </van-tab>
      <van-tab title="公司评价" class="pingjia">
        <van-panel :use-footer-slot="true" class="panel">
            <div slot="header" class="header">
              <img  src="/static/images/icon.jpg"/>
              <div>
                <div class="name">陈XX</div>
                <span class="time">2019年1月1日</span>
                <span class="job">职位:招收快递员</span>
              </div>
            </div>
            <div slot="footer" class="footer">
              <div class="miaoshu">没法描述，反正就是非常好，好得没法说</div>
              <img  src="/static/images/icon.jpg" class="img1"/>
              <img  src="/static/images/icon.jpg"/>
              <img  src="/static/images/icon.jpg"/>
            </div>
        </van-panel>
      </van-tab>
    </van-tabs>
  </div>
</template>

<script>

export default {

  data () {
    return {
      }
    },
  methods: {

  }
  }


// #1989FA
//   rgb(25, 137, 250)
</script>

<style lang="stylus" rel="stylesheet/stylus">
.company
  .header
    .bottom
      height 163rpx
      span
        display inline-block
        margin-top 44rpx
        font-size 33rpx
  .img-tabs
    .img
      van-image
        display inline-block
        margin-right 45rpx
  .tabs
    .pingjia
      .panel
        .header
          display flex
          flex-direction row
          div
            margin-left 20rpx
            div
              font-size 47rpx
            span
              font-size 30rpx
            .time
              display inline-block
              margin-right 30rpx

          img
            display inline-block
            width 140rpx
            height 140rpx
            border-radius 100rpx
            margin-left 30rpx
         .footer
           div
             text-align 30rpx
             font-size 35rpx
           /*.img1*/
           /*  margin-left 180rpx*/
           /*  display inline-block*/
           /*  width 160rpx*/
           /*  height 160rpx*/
           /*  margin-right 35rpx*/
           /*  margin-top 25rpx*/
           img
            display inline-block
            width 160rpx
            height 160rpx
            margin-right 55rpx
            margin-top 25rpx

    .tab
      van-card
        width 100%
        height 200rpx
        border-bottom 1rpx solid rgb(235, 237, 240)
        margin-bottom 5rpx
        .title
          .title-1
            font-weight bold
          .price
            display inline-block
            float right
        .desc
          display block
          width 100%
          height 40rpx
          margin-top 10rpx
        .bottom
          display block
          width 100%
          margin-top 10rpx
          height 40rpx
          line-height 40rpx
          van-icon
            display inline-block
            line-height 40rpx
          .time
            display inline-block
            float right
            line-height 40rpx

            height 40rpx
        .tags
          display: inline-block
          margin-bottom 5rpx
          height 50rpx
          span
            font-size 30rpx
            display inline-block
            height 60rpx
            line-height 60rpx
            margin-right 30rpx
            margin-bottom  5rpx
          van-rate
            display inline-block
            height 60rpx
            line-height 60rpx
</style>
